<!--主页-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="layouts::header">

</head>

<body class="bg">
<nav th:replace="layouts::navbar"></nav>
<mian id="main">
<div class="container">
<div>
    <h4>动漫</h4>
    <table class="table table-bordered table-striped">
        <thead class="thead-dark">
        <th class="col-md-1">动漫名称</th>
        <th class="col-md-1">动漫状态</th>
        <th class="col-md-1">出版年份</th>
        <th>动漫简介</th>

        </thead>
        <hr>
        <tbody>
        <tr th:each="aProject : ${projects}">
            <td th:text="${aProject.name}"></td>
            <td th:text="${aProject.stage}"></td>
            <td th:text="${aProject.years}"></td>
            <td th:text="${aProject.description}"></td>

        </tr>
        </tbody>
    </table>
</div>

    <div>
        <h4>作者</h4>
        <table class="table table-bordered table-striped">
            <thead class="thead-dark">
            <th class="col-md-1">姓名</th>
            <th>作者简介</th>

            </thead>
            <hr>
            <tbody>
            <tr th:each="aAuthor : ${authors}">
                <td th:text="${aAuthor.name}"></td>
                <td th:text="${aAuthor.description}"></td>

            </tr>
            </tbody>
        </table>
    </div>

<div>
    <h4>国家</h4>
    <table class="table table-bordered table-striped">
        <thead class="thead-dark">
        <th>国家</th>

        </thead>
        <hr>
        <tbody>
        <tr th:each="aCountry : ${countries}">
            <td th:text="${aCountry.name}"></td>

        </tr>
        </tbody>
    </table>
</div>

    <div>
        <h4>分类</h4>
        <table class="table table-bordered table-striped">
            <thead class="thead-dark">
            <th>类型</th>

            </thead>
            <hr>
            <tbody>
            <tr th:each="aClassification : ${classifications}">
                <td th:text="${aClassification.name}"></td>

            </tr>
            </tbody>
        </table>
    </div>
</div>


</mian>


    <div id="aside" >

        <h4>评论</h4>
        <table class="table table-bordered table-striped">
            <thead class="thead-dark">
            <th>动漫</th>
            <th>评论</th>

            </thead>
            <hr>
            <tbody>
            <tr th:each="aComment : ${comments}">
                <td th:text="${aComment.name}"></td>
                <td th:text="${aComment.description}"></td>

            </tr>
            </tbody>
        </table>
        <p> Animation &copy; HCC  2021</p>
    </div>



</body>
</html>